<template>
    <div class="home">
        <Swiper :imgs="imgsData"/>
    </div>
</template>
<script>

import swiper from '../components/swiper.vue'
export default{
    components:{
        Swiper:swiper
    },
    data(){
        return{
            imgsData:[
                'https://www.chanel.com/i18n/zh_CN/slides/1600_section_INSIDE_03022021_CN_.jpg',
                'https://www.chanel.com/i18n/zh_CN/slides/1600_CHANEL_FACTORY.jpg',
                'https://www.chanel.com/i18n/zh_CN/slides/1600_LES_BEIGES_SUMMERLIGHT.jpg',
                'https://www.chanel.com/i18n/zh_CN/slides/1600_HYDRA_BEAUTY.jpg',
                'https://www.chanel.com/i18n/zh_CN/slides/1600_COCO_BEACH.jpg'
            ]
        }
    }
}
</script>
<style scoped>
.home{
    width: 60%;
    margin: 1em auto;
}
</style>
